<ion-view title="选择学生批量留言" hide-nav-bar="true">
    <div class="bar bar-header">
        <h1 class="title">选择学生批量留言</h1>
        <button id="chooseAllStudentBtn" class="button ion ion-android-checkbox-outline-blank" style="font-size: 2rem;background: #fff;"></button>
    </div>
    <ion-content class="has-header">
        <div class="container toggled">
            <div class="entrust-create-screen padding">
                <!--<p class="entrust-create-flow" style="margin: 0;">提示：未添加进班级的宝宝无法嘱托哦!</p>-->
                <div class="student-box" style="height: 300px;width: 100%;">
                    <div ng-show="vm.studentList.length < 1">
                        <p >未查询到班级学生，请稍后再试！</p>
                    </div>
                    <div class="row row-wrap" ng-show="vm.studentList.length > 0">
                        <div class="col col-50" ng-repeat="item in vm.studentList track by $index">
                            <div class="card card-facebook margin-0">
                                <div class="item item-avatar-center">
                                    <img ng-src="{{item.avatarPath}}">
                                    <h2 class="ng-binding">{{item.memberName}}</h2>
                                </div>
                                <div class="item item-divider ng-binding">班主任：{{item.teacherName}}</div>
                                <div data-studentId="{{item.id}}" data-studentName="{{item.memberName}}" class="ion"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </ion-content>
    <ion-footer-bar class="bar bar-footer" style="background: #55ABD4;">
        <h1 class="title" ng-click="next()" style="color: #ffffff;">下一步</h1>
    </ion-footer-bar>
</ion-view>